<template>
	<div class="sidebar">
		<div class="sidebar_header">
			百姓知道
		</div>
		<router-link to = '/index/article'>搜索帖子</router-view>
		<router-link to = '/index/comments'>搜索评论</router-view>	
	</div>
</template>
<script>
	export default {
		name: 'sidebar',
		data() {
			return {
				msg: 'hello world'
			}
		}
	}
</script>
<style scoped>
	.sidebar{
		position: fixed;
	    top: 0;
	    left: 0;
	    min-height: 100%;
	    width: 160px;
	    background-color: #222d32;
	}
	.sidebar_header{
		height: 50px;
		background: #367fa9;
		color: #fff;
		line-height: 50px;
	}
	a{
		color: #fff;
		display: block;
		text-decoration: none;
		margin-top: 30px;
		width: 100%;
	}
</style>